*		{ margin: 0; padding: 0; }
#page-wrap	{ position:absolute; top:10px; left:200px;width: 200px; margin: 25px auto; }
a		{ text-decoration: none; }
ul		{ list-style: none; }
body 
{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
        font: 14px  Times, Verdana, sans-serif;
	font-size: 100%;
        
}

ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

/*
	LEVEL TWO
*/
ul.dropdown ul 	    { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li   { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }

/*
	LEVEL THREE
*/
ul.dropdown ul ul 	   { left: 100%; top: 0; }
ul.dropdown li:hover > ul  { visibility: visible; }

h2 	
{ 
	color: #999;
	margin-bottom: 0; 
	margin-left:13px;
	height:40px;
}

h2 span
{
	display: none;
}

p	
{ 
	color: #999;
	margin-top: .5em;
	font-size: .75em;
	padding-left:15px;
        margin: 15px 0;
}

#navigation-block {
	position:relative;
	top:100px;
	left:200px;
        width:500px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 30px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 400px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #0000ff;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #f50000; }

#db {
	position:relative;
	top:10px;
        left:200px;
}

#db_results {
	position:absolute;
	top:200px;
        left:20px;
        color: #999;
/*	margin-top: .5em;*/
	font-size: .75em;
/*	padding-left:15px;*/
        width: 170px;
}

#input_results {
	position:absolute;
        color: #000;
	font-size: 1em;
	padding-left:15px;
        font-family: Times, Verdana, sans-serif;
        width: 400px;
        text-align: center;
        vertical-align: top;
        left:10px;
}

/*#input_form {
	position:absolute;
        color: #000;
	font-size: 1em;
	padding-left:15px;
        font-family: Times, Verdana, sans-serif;
        width: 250px;
        text-align: center;
        vertical-align: top;
        left:250px;
}*/

#calc_results {
	position:absolute;
        color: #000;
	font-size: 1em;
	padding-left:15px;
        font-family: Times, Verdana, sans-serif;
        width: 400px;
        text-align: center;
        left:500px;
}

#version {
	position:absolute;
        top:30px;
        left:10px;
        text-align: center;
        color: #999;
	margin-top: .5em;
	font-size: 0.8em;
	padding-left:15px;
        font-family: Times, Verdana, sans-serif;
}

#page-block {
	position:absolute;
	top:150px;
}

#page-title {
	position:absolute;
        text-align: center;
        width: 1000px;
        left:15px;
	top:100px;

}
/*Для комментариев*/
#comment_results {
	position:absolute;
        color: #000;
        font-family: Times, Verdana, sans-serif;
        right:15px;
        top:10px;
}

.comment,
#addCommentContainer{

	/* Syling the comments and the comment form container */

	padding:12px;
	width:250px;
	position:relative;
	background-color:#f0f0f0;
	border:1px solid white;
	color:#888;
	margin-bottom:10px;

	/* CSS3 rounded corners and drop shadows */

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

	-moz-box-shadow:2px 2px 0 #c2c2c2;
	-webkit-box-shadow:2px 2px 0 #c2c2c2;
	box-shadow:2px 2px 0 #c2c2c2;
}


.comment .name{
	font-size:16px;
	padding-bottom:5px;
	color:#007;
        text-align: center;
}

.comment .date{
	font-size:10px;
	padding:6px 0;
	position:absolute;
	right:15px;
	top:10px;
	color:#700;
}

.comment p{
	font-size:12px;
	line-height:1.5;
	overflow-x:hidden;
        text-align: justify;
}

#addCommentContainer p{
	font-size:16px;
	line-height:1.5;
	overflow-x:hidden;
        text-align: center;
}

#addCommentContainer input[type=text],
#addCommentContainer textarea{

	/* Styling the inputs */

	display:block;
	border:1px solid #ccc;
	margin:5px 0 5px;
	padding:3px;
	font-size:12px;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
        width:250px;
}

#addCommentContainer {
	font-size:14px;
}

label span.error{
	color:red;
	position:relative;
	right:-10px;
}

#submit{

	/* The submit button */

	background-color:#58B9EB;
	border:1px solid #40A2D4;
	color:#FFFFFF;
	cursor:pointer;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	margin-top:5px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#submit:hover{
	background-color:#80cdf5;
	border-color:#52b1e2;
}

input {
    color: #999;
    font: 12px  Times, Verdana, sans-serif;
}